:host {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  height: 100vh;
}
.installed-list {
  overflow: hidden;
  flex: 1;
}
.installed-app {
  display: flex;
  flex: 1;
  height: 64px;
  & > div {
    border-bottom: 1px solid var(--main-item-hr-color);
  }
  .icon {
    align-self: center;
  }
  .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0.5rem;
    .size {
      color: gray;
    }
  }
  .installed {
    flex: 2;
    display: flex;
    overflow: hidden;
    .time,
    .version {
      flex: 1;
      display: flex;
      align-items: center;
      color: gray;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .versionText {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .confirm {
      display: flex;
      align-items: center;
    }
  }
  .control {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.5rem;
    button {
      width: 5rem;
      margin: 0 0.5rem;
    }
  }
}
